/**
 * eadmin / www.eadmin.com.cn
 * 
 * 图片查看器
 */

@import "../global";

.imageview{
    cursor: pointer;
}
#imageview{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999; 
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    display:flex;
    justify-content:center;
    align-items:center;
    cursor: pointer;
    ul
    {
        position:absolute;
        left:50%; 
        top:50%; 
        height:100%;
        transform:translate(-50%,-50%);
        li
        {
            display: flex; 
            align-items: center; 
            width: 100%; 
            height: 100%; 
            padding: 20px;
        }
    }
    img{
        cursor: move;
    }
    .imgW{
        width: 100%;
        height: auto;
    }
    .imgH{
        width: auto;
        height: 100%;
    }
    .imageview-close{
        .border-radius(50px);
        .animate(background);
        position: absolute;
        top: 30px;
        right: 40px;
        width: 60px;
        height: 60px;
        background: rgba(40, 40, 40, 0.6);
        text-align: center;
        line-height: 60px;
        i{
            color: @font-color-3;
            font-size: 28px;
            margin-right: unset;
        }
        &:hover{
            .animate(background);
            background: rgba(100, 100, 100, 0.4);
        }
    }
    .imageview-tips{
        .border-radius(50px);
        color: @font-color-3;
        background: rgba(40, 40, 40, 0.6);
        height: 26px;
        width: 60px;
        z-index: 9999;
        text-align: center;
        line-height: 26px;
        display:none;
    }
}